.container{
    display: flex;
    height: 100vh;
    flex-direction: column;
    // background-color: #f0f2f5;
    .header{
        background-color: #fff;
    }
    .content-wrapper{
        flex:auto;
        padding: 15px 0;
        background-color: #f0f2f5;

        .content{
            min-width: 1024px;
            display: flex;
            margin: 0 24px;
            height: 100%;
            .left{
                min-width: 200px;
                width: 305px;
                padding: 0 12px;
                background-color: #fff;
                height: 680px;
                overflow-y: scroll;
                &::-webkit-scrollbar {  
                    width: 8px; /* 滚动条的宽度 */
                    opacity: .5;  
                }  
                &::-webkit-scrollbar-track {  
                    border-radius: 8px; /* 圆角 */  
                }  
                &::-webkit-scrollbar-thumb {  
                    background: #888; /* 滑块颜色 */  
                    border-radius: 8px; /* 圆角 */  
                }  
            }
            .main{
                min-width: 400px;
                flex:1;
                position: relative;
                overflow: hidden;
                .canvas-wrapper{
                    position:absolute;
                    width: 400px;
                    height: 680px;
                    // top: 50%;
                    left: 50%;
                    transform:translateX(-50%) ;
                    overflow:auto;
                    &::-webkit-scrollbar {  
                        width: 8px; /* 滚动条的宽度 */
                        opacity: .5;  
                    }  
                    &::-webkit-scrollbar-track {  
                        border-radius: 8px; /* 圆角 */  
                    }  
                    &::-webkit-scrollbar-thumb {  
                        background: #888; /* 滑块颜色 */  
                        border-radius: 8px; /* 圆角 */  
                    }  
                }
            }
            .right{
                min-height: 200px;
                width: 300px;
                padding: 0 12px;
                background-color: #fff;
                height: 680px;
                overflow-y: scroll;
                &::-webkit-scrollbar {  
                    width: 8px; /* 滚动条的宽度 */
                    opacity: .5;  
                }  
                &::-webkit-scrollbar-track {  
                    border-radius: 8px; /* 圆角 */  
                }  
                &::-webkit-scrollbar-thumb {  
                    background: #888; /* 滑块颜色 */  
                    border-radius: 8px; /* 圆角 */  
                }  
            }
        }
    }

}
